<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://localhost:8080/css/404.css">

    <script src="http://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
            crossorigin="anonymous"></script>
    <!-- 新 Bootstrap 核心 CSS 文件 -->

    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">


    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>


    <link rel="icon" href="http://localhost:8080/images/favicon.ico" type="image/x-icon"/>
</head>
<body onload="username()">
<div class="PU_header">
    <div class="header_img">
        <img src="http://localhost:8080/images/logo.png" style="margin-top:8px;height: 30px;width: 61px;">
    </div>
    <div class="header_search">
        <input type="text" class="zu-top-search-input" id="q" name="q" autocomplete="off" value=""
               maxlength="100"
               placeholder="搜索你感兴趣的内容…" role="combobox" aria-autocomplete="list" style="float: left">
        <button style="width:10%;height: 100%;float: left; background: linear-gradient(to bottom,#0e7bef,#0d73da);border: 1px solid #045bb2;box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 1px 1px rgba(255,255,255,.15);">
            <img src="http://localhost:8080/images/search.png" style="width: 100%;height: 70%;">
        </button>
    </div>
    <div class="header_link">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>首页</span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>话题</span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>发现</span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>消息</span>
    </div>

    <div class="header_ask">
        <button class="header_ask_button">
            提问
        </button>
    </div>
    <div class="header_mine">
        <img src="http://localhost:8080/images/mine.png"
             style="float: left;height: 32px;width: 32px;border-radius: 3px">
        <span class="header_mine_name" id="header_mine_name"></span>
    </div>
</div>
<div class="PU_content">

    <div class="right_img">
        <img src="http://localhost:8080/images/error.png">
    </div>

    <div class="left_text">
        <div class="404"><h1 style="font-size: 40px;font-weight: 600;">400</h1></div>
        <div class="text"><p style="display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;">请求无效</p></div>
        <div class="">
            <a href="/"><button type="button" class="btn btn-primary">去往首页</button></a>
        </div>
    </div>



</div>
<script src="http://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script>
    function username() {
        var username = $.cookie("zhihu");
        $("#header_mine_name").text(username);
    }
</script>
</body>
</html>